<template>
  <div>
    <ul>
      <li v-for="(item,index) in pageLists"
          :key="index">
        {{item.title}}--{{item.content}}
      </li>
    </ul>
  </div>
</template>

<script>
import store from '../store/index'
export default {
  name: 'List',
  store,
  // 因为是动态的列表，所以这里要监听列表
  computed: {
    pageLists () {
      return store.state.lists
    }
  }
}
</script>

<style scoped>

</style>
